<template>
    <page>
        <step></step>
        <router-link tag="div" v-for="(i, index) in list" :to="{name: 'specialCar_step2', query: {carTypeId: i.id}}" :key="index"  class="h70 corner white-bg mx12 mt10 px20 tap" flex="cross:center">
            <img :src="iconImgs.get(i.id)" class="sz48">
            <p class="f18 ml20">{{i.label}}</p>
        </router-link>
    </page>
</template>
<script>
  import step from './_step.vue'
  import carTypes from './carType.json'
  import iconImgs from './iconImgs'
  export default {
    data () {
      return {
        list:carTypes,
        iconImgs,
        form: {}
      }
    },
    computed: {},
    methods: {
      PitsPullData () {},
      PitsPushData () {}
    },
    components: {step}
  }
</script>
<style type="text/scss" lang="scss" scoped>

</style>
